<template>
  <div class="typeClassifyWhole">
    <div :class="mainPart_filter">
      <div class="mainPart_but">
        <div class="delete" @click="deleteAll">
          <img
            src="../../../../images/home-details/buttonInner-icon/icon-delete.png"
            alt
          />
          <span>删除</span>
        </div>
        <div class="download" @click="downloadAll">
          <img
            src="../../../../images/home-details/buttonInner-icon/icon-download.png"
            alt
          />
          <span>下载</span>
        </div>
        <div class="report" @click="produceReport">
          <img
            src="../../../../images/home-details/buttonInner-icon/icon-productionStatement.png"
            alt
          />
          <span>生成报告</span>
        </div>
        <div class="checkAll">
          <!-- <a-checkbox
            name="checkAll"
            @change="onCheckAllChange"
          >
            全选
          </a-checkbox>-->
          <input
            type="checkbox"
            name="checkAll"
            @click="onCheckAllChange"
            class="checkboxed"
          />全选
        </div>
      </div>
      <div class="mainPart_filter_tab">
        <a-radio-group
          @change="getRadioVal"
          default-value="0"
          button-style="solid"
        >
          <a-radio-button value="0" @click="radioVa(0)"
            >全部({{ SurgeryNum.num }})</a-radio-button
          >
          <a-radio-button value="1" @click="radioVa(1)"
            >图片({{ SurgeryNum.imageNum }})</a-radio-button
          >
          <a-radio-button value="2" @click="radioVa(2)"
            >视频({{ SurgeryNum.videoNum }})</a-radio-button
          >
          <a-radio-button value="3" @click="radioVa(3)"
            >语音({{ SurgeryNum.voiceNum }})</a-radio-button
          >
          <a-radio-button value="4" @click="radioVa(4)"
            >文件({{ SurgeryNum.fileNum }})</a-radio-button
          >
          <a-radio-button value="5" @click="radioVa(5)"
            >报告({{ SurgeryNum.reportNum }})</a-radio-button
          >
        </a-radio-group>
      </div>
    </div>
    <div class="content">
      <!-- 图片 -->
      <div class="img content_div" v-if="showNum == 0">
        <div class="top">
          <img
            :src="topImg"
            alt
          />
          <span>图片 ( {{ SurgeryNum.imageNum }} )</span>
        </div>
        <div v-for="item in plainOptions.slice(0,imgFileNum)" :key="item.id">
          <div class="bottom" v-if="item.fileType == 1">
            <div
              :class="bottom_con"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="two" @click="onEdit(item)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-edit.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div class="img" @click="examine(item)">
                <img :src="imgUrl + item.filePath" alt />
                <span class="alter">改</span>
              </div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox
                  class="aCheckboxVal"
                  :value="item.id"
                  @change="onContentChange"
                >
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="imgOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="imgOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <div class="img content_div" v-if="showNum == 1">
        <div class="top">
          <img
            :src="topImg"
            alt
          />
          <span>图片 ( {{ SurgeryNum.imageNum }} )</span>
        </div>
        <div v-for="item in plainOptions.slice(0, imgFileNum)" :key="item.id">
          <div class="bottom" v-if="item.fileType == 1">
            <div
              :class="bottom_con"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="two" @click="onEdit(item)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-edit.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div class="img" @click="examine(item)">
                <img :src="imgUrl + item.filePath" alt />
                <span class="alter">改</span>
              </div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox
                  class="aCheckboxVal"
                  :value="item.id"
                  @change="onContentChange"
                >
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="imgOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="imgOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <!-- 视频 -->
      <div class="video content_div" v-if="showNum == 0">
        <div class="top">
          <img
            :src="topVideo"
            alt
          />
          <span>视频 ( {{ SurgeryNum.videoNum }} )</span>
        </div>
        <div v-for="item in videoFileListLength.slice(0,videoFileNum)" :key="item.id">
          <div class="bottom" v-if="item.fileType == 2">
            <div
              :class="bottom_con"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow shadow1"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div class="img" @click="examine(item)">
                <video :src="imgUrl + item.filePath"></video>
              </div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox
                  class="aCheckboxVal"
                  :value="item.id"
                  @change="onContentChange"
                >
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="videoOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="videoOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <div class="video content_div" v-if="showNum == 2">
        <div class="top">
          <img
            :src="topVideo"
            alt
          />
          <span>视频 ( {{ SurgeryNum.videoNum }} )</span>
        </div>
        <div v-for="item in plainOptions.slice(0,videoFileNum)" :key="item.id">
          <div class="bottom" v-if="item.fileType == 2">
            <div
              :class="bottom_con"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow shadow1"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div class="img" @click="examine(item)">
                <video :src="imgUrl + item.filePath"></video>
              </div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox
                  class="aCheckboxVal"
                  :value="item.id"
                  @change="onContentChange"
                >
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="videoOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="videoOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <!-- 语音 -->
      <div class="voice content_div" v-if="showNum == 0">
        <div class="top">
          <img
            :src="topVoice"
            alt
          />
          <span>语音 ( {{ SurgeryNum.voiceNum }} )</span>
        </div>
        <div v-for="(item, index) in voiceFileListLength.slice(0,voiceFileNum)" :key="index">
          <div class="bottom" v-if="item.fileType == 3">
            <div
              :class="bottom_con"
              class="fileBack"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow shadow1"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div
                class="img"
                @click="examine(item)"
                style="background: none; border: none"
              >
                <img
                  src="../../../../images/home-details/file-icon/icon-audio.png"
                  alt
                />
              </div>
              <div :title="item.fileName" class="fileName file-wrap-3">{{ item.fileName }}</div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox
                  class="aCheckboxVal"
                  :value="item.id"
                  @change="onContentChange"
                >
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="voiceOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="voiceOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <div class="voice content_div" v-if="showNum == 3">
        <div class="top">
          <img
            :src="topVoice"
            alt
          />
          <span>语音 ( {{ SurgeryNum.voiceNum }} )</span>
        </div>
        <div v-for="(item, index) in plainOptions.slice(0,voiceFileNum)" :key="index">
          <div class="bottom" v-if="item.fileType == 3">
            <div
              :class="bottom_con"
              class="fileBack"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow shadow1"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div
                class="img"
                @click="examine(item)"
                style="background: none; border: none"
              >
                <img
                  src="../../../../images/home-details/file-icon/icon-audio.png"
                  alt
                />
              </div>
              <div :title="item.fileName" class="fileName file-wrap-3">{{ item.fileName }}</div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox
                  class="aCheckboxVal"
                  :value="item.id"
                  @change="onContentChange"
                >
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="voiceOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="voiceOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <!-- 文件 -->
      <div class="file content_div" v-if="showNum == 0">
        <div class="top">
          <img
            :src="topFile"
            alt
          />
          <span>文件 ( {{ SurgeryNum.fileNum }} )</span>
        </div>
        <div v-for="(item, index) in fileFileListLength.slice(0,fileFileNum)" :key="index">
          <div class="bottom" v-if="item.fileType == 4">
            <div
              :class="bottom_con"
              class="fileBack"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow shadow1"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div
                class="img"
                @click="examine(item)"
                style="background: none; border: none"
              >
                <img
                  v-if="item.filePath.slice(-3) == 'ptx' || item.filePath.slice(-3) == 'pdf' || item.filePath.slice(-3) == 'ppt'"
                  src="../../../../images/home-details/file-icon/icon-ppt.png"
                  alt
                />
                <img
                  v-if="item.filePath.slice(-3) == 'ocx' || item.filePath.slice(-3) == 'doc' || item.filePath.slice(-3) == 'ord'"
                  src="../../../../images/home-details/file-icon/icon-Word.png"
                  alt
                />
                <img
                  v-if="item.filePath.slice(-3) == 'xls' || item.filePath.slice(-3) == 'lsx' || item.filePath.slice(-3) == 'cel'"
                  src="../../../../images/home-details/file-icon/icon-xls.png"
                  alt
                />
              </div>
              <div :title="item.fileName" class="fileName file-wrap-3">{{ item.fileName }}</div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox
                  class="aCheckboxVal"
                  :value="item.id"
                  @change="onContentChange"
                >
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="fileOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="fileOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <div class="file content_div" v-if="showNum == 4">
        <div class="top">
          <img
            :src="topFile"
            alt
          />
          <span>文件 ( {{ SurgeryNum.fileNum }} )</span>
        </div>
        <div v-for="(item, index) in plainOptions.slice(0,fileFileNum)" :key="index">
          <div class="bottom" v-if="item.fileType == 4">
            <div
              :class="bottom_con"
              class="fileBack"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow shadow1"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div
                class="img"
                @click="examine(item)"
                style="background: none; border: none"
              >
                <img
                  v-if="item.filePath.slice(-3) == 'ptx'"
                  src="../../../../images/home-details/file-icon/icon-ppt.png"
                  alt
                />
                <img
                  v-if="item.filePath.slice(-3) == 'ocx'"
                  src="../../../../images/home-details/file-icon/icon-Word.png"
                  alt
                />
                <img
                  v-if="item.filePath.slice(-3) == 'pdf'"
                  src="../../../../images/home-details/file-icon/icon-Word.png"
                  alt
                />
                <img
                  v-if="item.filePath.slice(-3) == 'xls'"
                  src="../../../../images/home-details/file-icon/icon-xls.png"
                  alt
                />
              </div>
              <div :title="item.fileName" class="fileName file-wrap-3">{{ item.fileName }}</div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox
                  class="aCheckboxVal"
                  :value="item.id"
                  @change="onContentChange"
                >
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="fileOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="fileOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <!-- 报告 -->
      <div class="report content_div" v-if="showNum == 0">
        <div class="top">
          <img
            :src="topReport"
            alt
          />
          <span>报告 ( {{ SurgeryNum.reportNum }} )</span>
        </div>
        <div v-for="(item, index) in reportFileListLength.slice(0,reportFileNum)" :key="index">
          <div class="bottom" v-if="item.fileType == 5">
            <div
              :class="bottom_con"
              class="fileBack"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow shadow1"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div
                class="img"
                @click="onDownload(item.id)"
                style="background: none; border: none"
              >
                <img
                  src="../../../../images/home-details/file-icon/icon-report.png"
                  alt
                />
              </div>
              <div :title="item.fileName" class="fileName file-wrap-3">{{ item.fileName }}</div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox :value="item.id" @change="onContentChange()">
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="reportOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="reportOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
      <div class="report content_div" v-if="showNum == 5">
        <div class="top">
          <img
            :src="topReport"
            alt
          />
          <span>报告 ( {{ SurgeryNum.reportNum }} )</span>
        </div>
        <div v-for="(item, index) in plainOptions.slice(0,reportFileNum)" :key="index">
          <div class="bottom" v-if="item.fileType == 5">
            <div
              :class="bottom_con"
              class="fileBack"
              @mousemove="shadowMousemove(item.id)"
              @mouseout="shadowMouseout"
            >
              <div
                class="shadow shadow1"
                @mousemove="shadowMousemove(item.id)"
                @mouseout="shadowMouseout"
                v-if="shadowShow && item.id == current"
                style="z-index:999;"
              >
                <div class="one" @click="onDelete(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-delete.png"
                    alt
                  />
                </div>
                <div class="three" @click="onDownload(item.id)">
                  <img
                    src="../../../../images/home-details/operation-icon/icon-download.png"
                    alt
                  />
                </div>
              </div>
              <div
                class="img"
                @click="onDownload(item.id)"
                style="background: none; border: none"
              >
                <img
                  src="../../../../images/home-details/file-icon/icon-report.png"
                  alt
                />
              </div>
              <div :title="item.fileName" class="fileName file-wrap-3">{{ item.fileName }}</div>
              <div class="time">
                <span>{{ item.fileDate }}</span>
                <!-- <a-checkbox :value="item.id" @change="onContentChange()">
                </a-checkbox>-->
                <input
                  type="checkbox"
                  class="aCheckboxVal"
                  :value="item.id"
                  @click="onContentChange"
                />
              </div>
            </div>
          </div>
        </div>
        <div class="shrink">
          <div class="spread" @click="reportOnSpread">
            <span>展开</span>
            <img src="../../../../images/home-details/spread.png" alt="">
          </div>
          <div class="fold" @click="reportOnFold">
            <span>折叠</span>
            <img src="../../../../images/home-details/fold.png" alt="">
          </div>
        </div>
      </div>
    </div>

    <div class="showFile" ref="showFile">
      <a-modal
        class="Amodal AmodalFile"
        :visible="visible"
        :confirm-loading="confirmLoading"
        @cancel="handleCancel"
        keyboard
        :mask="false"
        :maskClosable="false"
        :getContainer="() => $refs.showFile"
      >
        <template #footer>
          <!-- <a-button class="butSave" @click="handleOk">确认</a-button>
          <a-button @click="handleCancel" class="butReset">取消</a-button> -->
        </template>
        <div class="title">
          <div class="title_">
            <div class="one">
              <img src="../../../../images/home-details/icon-name.png" alt />
            </div>
            <div class="two">
              <span>{{ showFile.patientName }}</span> -
              <span>{{ showFile.operationCode }}</span>
            </div>
          </div>
          <div class="title_delete">
            <a-button
              class="title_but"
              type="primary"
              v-if="showFile.fileType == 2"
              style="margin-right: 20px"
              @click="editing"
              >剪辑</a-button
            >
            <a-button
              class="title_but"
              type="primary"
              v-if="showFile.fileType == 1"
              style="margin-right: 20px"
              @click="onEdit(showFile)"
              >编辑</a-button
            >
            <!-- <a-button type="danger" @click="onDelete(showFile.id)"
              >删除</a-button
            > -->
          </div>
        </div>
        <div class="content contentImg" v-if="showFile.fileType == 1">
          <div class="file_path">
            <a-icon class="title_fullScreen" type="fullscreen" />
            <img
              class="contentImg_img"
              :src="imgUrl + showFile.filePath"
              preview="1"
              alt
            />
          </div>
        </div>
        <div class="content contentVideo" v-if="showFile.fileType == 2">
          <div class="file_path">
            <video
              id="myVideo"
              :preload="preload"
              align="center"
              width="900"
              :controls="controls"
              :autoplay="autoplay"
              v-if="videoViewShow"
              :src="imgUrl + showFile.filePath + '?t=' + new Date().getTime()"
              type="video/mp4"
            >
            </video>
            <videoView
              class="editingVideo"
              :videoView="imgUrl + showFile.filePath"
              :fileId="showFile.id"
              v-if="videoViewShow1"
            ></videoView>
          </div>
        </div>
        <div class="content contentAudio" v-if="showFile.fileType == 3">
          <div class="showAudio" v-if="showFile.fileType == 3">
            <img src="../../../../images/home-details/audio.png" alt />
            <audio :src="imgUrl + showFile.filePath" controls="controls"></audio>
          </div>
        </div>
        <div class="content contentfile" v-if="showFile.fileType == 4">
          
          <div class="file_path">
            <iframe
              v-if="showFile.fileTypee == 'pdf'"
              :src="imgUrl + showFile.filePath+'#toolbar=0'"
              width="1366px"
              height="550px"
            ></iframe>
            <div class="Loading" v-show="Loading1">
              <a-spin tip="Loading..."></a-spin>
            </div>
            <iframe
              id="fileIframe"
              v-if="showFile.fileTypee != 'pdf'"
              :src="imgUrl + showFile1.filePath+'#toolbar=0'"
              width="1366px"
              height="550px"
            >
            </iframe>
          </div>
        </div>
      </a-modal>
      <imgDraw :imgEdit="imgEdit" :operationId="operationId" :typeName="typeName" ref="imgDraw" class="imgDraw" v-if="imgShow"></imgDraw>
    </div>
    
    <div class="selectReport" ref="selectReport">
      <a-modal
        class="Amodal AmodalFile"
        :visible="selectReportVisible"
        :confirm-loading="confirmLoading"
        @cancel="selectReportHandleCancel"
        :mask="false"
        title="选择报告模板"
        :maskClosable="false"
        :getContainer="() => $refs.selectReport"
        style="background:red"
      >
        <template slot="footer">
          <a-button class="butSave" @click="selectReportHandleOk"
            >确认</a-button
          >
          <a-button @click="selectReportHandleCancel" class="butReset"
            >取消</a-button
          >
        </template>

        <a-table
          class="addBasicsAtable"
          :columns="selectColumns"
          :data-source="selectData"
          :row-selection="{
            type: 'radio',
            selectedRowKeys: selectedRowKeys,
            onChange: onSelectChange,
          }"
          :customRow="customRow"
          :pagination="false"
        >
        </a-table>
      </a-modal>
    </div>

    <div class="amodalReport" ref="amodalReport">
      <a-modal
        class="Amodal AmodalFile"
        :visible="reportVisible"
        :confirm-loading="confirmLoading"
        @cancel="reportHandleCancel"
        :mask="false"
        title="生成报告"
        :maskClosable="false"
        :getContainer="() => $refs.amodalReport"
      >
        <template slot="footer">
          <a-button class="butSave" @click="reportHandleOk">确认</a-button>
          <a-button @click="reportHandleCancel" class="butReset">取消</a-button>
        </template>
        <div class="messageShow">
          <!-- <div class="messagePassword">
            <div class="title">
              <span>密码</span>
            </div>
            <div class="mespassword">
              <a-input v-model="messagePasswordStr" placeholder="请输入密码！" />
            </div>
          </div> -->
          <div class="message">
            <div class="title">
              <span>基本信息</span>
            </div>
            <div class="bottom">
              <div
                class="one"
                v-for="(item, index) in generateInfo.list"
                :key="index"
              >
                <span class="left">{{ item.showName }}</span>
                <span class="right">{{ item.fieldValue }}</span>
              </div>
            </div>
          </div>
          <div class="mesImg">
            <div class="title">
              <span>图片</span>
            </div>
            <div class="bottom">
              <div class="Tartan" v-if="generateInfo.imageLayout == 1">
                <div class="oneTartan Tartan_Tartan" @click="TartanClick('oneTartan:1')">
                  <div class="videoClose" v-if="oneTartan.length != 0" @click.stop="onClone('oneTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="oneTartan.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="oneTartan.length != 0"
                    :src="imgUrl + oneTartan.filePath"
                    alt=""
                  />
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.imageLayout == 2">
                <div class="twoTartan Tartan_Tartan" @click="TartanClick('twoTartan:1')">
                  <div class="videoClose" v-if="twoTartanOne.length != 0" @click.stop="onClone('twoTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="twoTartanOne.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="twoTartanOne.length != 0"
                    :src="imgUrl + twoTartanOne.filePath"
                    alt=""
                  />
                </div>
                <div class="twoTartan Tartan_Tartan" @click="TartanClick('twoTartan:2')">
                  <div class="videoClose" v-if="twoTartanTwo.length != 0" @click.stop="onClone('twoTartan:2')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="twoTartanTwo.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="twoTartanTwo.length != 0"
                    :src="imgUrl + twoTartanTwo.filePath"
                    alt=""
                  />
                </div>
              </div>
              <div class="Tartan1" v-if="generateInfo.imageLayout == 3">
                <div class="fourTartan Tartan_Tartan" @click="TartanClick('fourTartan:1')">
                  <div class="videoClose" v-if="fourTartanOne.length != 0" @click.stop="onClone('fourTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="fourTartanOne.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="fourTartanOne.length != 0"
                    :src="imgUrl + fourTartanOne.filePath"
                    alt=""
                  />
                </div>
                <div class="fourTartan Tartan_Tartan" @click="TartanClick('fourTartan:2')">
                  <div class="videoClose" v-if="fourTartanTwo.length != 0" @click.stop="onClone('fourTartan:2')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="fourTartanTwo.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="fourTartanTwo.length != 0"
                    :src="imgUrl + fourTartanTwo.filePath"
                    alt=""
                  />
                </div>
                <div class="fourTartan Tartan_Tartan" @click="TartanClick('fourTartan:3')">
                  <div class="videoClose" v-if="fourTartanThree.length != 0" @click.stop="onClone('fourTartan:3')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="fourTartanThree.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="fourTartanThree.length != 0"
                    :src="imgUrl + fourTartanThree.filePath"
                    alt=""
                  />
                </div>
                <div class="fourTartan Tartan_Tartan" @click="TartanClick('fourTartan:4')">
                  <div class="videoClose" v-if="fourTartanFour.length != 0" @click.stop="onClone('fourTartan:4')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="fourTartanFour.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="fourTartanFour.length != 0"
                    :src="imgUrl + fourTartanFour.filePath"
                    alt=""
                  />
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.imageLayout == 4">
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:1')">
                  <div class="videoClose" v-if="sixTartanOne.length != 0" @click.stop="onClone('sixTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="sixTartanOne.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="sixTartanOne.length != 0"
                    :src="imgUrl + sixTartanOne.filePath"
                    alt=""
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:2')">
                  <div class="videoClose" v-if="sixTartanTwo.length != 0" @click.stop="onClone('sixTartan:2')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="sixTartanTwo.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="sixTartanTwo.length != 0"
                    :src="imgUrl + sixTartanTwo.filePath"
                    alt=""
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:3')">
                  <div class="videoClose" v-if="sixTartanThree.length != 0" @click.stop="onClone('sixTartan:3')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="sixTartanThree.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="sixTartanThree.length != 0"
                    :src="imgUrl + sixTartanThree.filePath"
                    alt=""
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:4')">
                  <div class="videoClose" v-if="sixTartanFour.length != 0" @click.stop="onClone('sixTartan:4')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="sixTartanFour.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="sixTartanFour.length != 0"
                    :src="imgUrl + sixTartanFour.filePath"
                    alt=""
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:5')">
                  <div class="videoClose" v-if="sixTartanFive.length != 0" @click.stop="onClone('sixTartan:5')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="sixTartanFive.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="sixTartanFive.length != 0"
                    :src="imgUrl + sixTartanFive.filePath"
                    alt=""
                  />
                </div>
                <div class="sixTartan Tartan_Tartan" @click="TartanClick('sixTartan:6')">
                  <div class="videoClose" v-if="sixTartanSix.length != 0" @click.stop="onClone('sixTartan:6')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="sixTartanSix.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="sixTartanSix.length != 0"
                    :src="imgUrl + sixTartanSix.filePath"
                    alt=""
                  />
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.imageLayout == 5">
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:1')">
                  <div class="videoClose" v-if="nineTartanOne.length != 0" @click.stop="onClone('nineTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanOne.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanOne.length != 0"
                    :src="imgUrl + nineTartanOne.filePath"
                    alt=""
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:2')">
                  <div class="videoClose" v-if="nineTartanTwo.length != 0" @click.stop="onClone('nineTartan:2')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanTwo.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanTwo.length != 0"
                    :src="imgUrl + nineTartanTwo.filePath"
                    alt=""
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:3')">
                  <div class="videoClose" v-if="nineTartanThree.length != 0" @click.stop="onClone('nineTartan:3')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanThree.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanThree.length != 0"
                    :src="imgUrl + nineTartanThree.filePath"
                    alt=""
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:4')">
                  <div class="videoClose" v-if="nineTartanFour.length != 0" @click.stop="onClone('nineTartan:4')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanFour.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanFour.length != 0"
                    :src="imgUrl + nineTartanFour.filePath"
                    alt=""
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:5')">
                  <div class="videoClose" v-if="nineTartanFive.length != 0" @click.stop="onClone('nineTartan:5')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanFive.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanFive.length != 0"
                    :src="imgUrl + nineTartanFive.filePath"
                    alt=""
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:6')">
                  <div class="videoClose" v-if="nineTartanSix.length != 0" @click.stop="onClone('nineTartan:6')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanSix.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanSix.length != 0"
                    :src="imgUrl + nineTartanSix.filePath"
                    alt=""
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:7')">
                  <div class="videoClose" v-if="nineTartanQi.length != 0" @click.stop="onClone('nineTartan:7')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanQi.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanQi.length != 0"
                    :src="imgUrl + nineTartanQi.filePath"
                    alt=""
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:8')">
                  <div class="videoClose" v-if="nineTartanBa.length != 0" @click.stop="onClone('nineTartan:8')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanBa.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanBa.length != 0"
                    :src="imgUrl + nineTartanBa.filePath"
                    alt=""
                  />
                </div>
                <div class="nineTartan Tartan_Tartan" @click="TartanClick('nineTartan:9')">
                  <div class="videoClose" v-if="nineTartanNine.length != 0" @click.stop="onClone('nineTartan:9')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="nineTartanNine.length == 0"
                    type="plus"
                  />
                  <img
                    class="seleImg"
                    v-if="nineTartanNine.length != 0"
                    :src="imgUrl + nineTartanNine.filePath"
                    alt=""
                  />
                </div>
              </div>
            </div>
          </div>

          <div class="mesImg mesVideo">
            <div class="title">
              <span>视频</span>
            </div>
            <div class="bottom">
              <div class="Tartan" v-if="generateInfo.videoLayout == 1">
                <div
                  class="oneTartan Tartan_Tartan"
                  @click="videoTartanClick('videooneTartan:1')"
                >
                  <div class="videoClose" v-if="videooneTartan.length != 0" @click.stop="onClone('videooneTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videooneTartan.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videooneTartan.length != 0"
                    :src="imgUrl + videooneTartan.filePath"
                  ></video>
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.videoLayout == 2">
                <div
                  class="twoTartan Tartan_Tartan"
                  @click="videoTartanClick('videotwoTartan:1')"
                >
                  <div class="videoClose" v-if="videotwoTartanOne.length != 0" @click.stop="onClone('videotwoTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videotwoTartanOne.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videotwoTartanOne.length != 0"
                    :src="imgUrl + videotwoTartanOne.filePath"
                  ></video>
                </div>
                <div
                  class="twoTartan Tartan_Tartan"
                  @click="videoTartanClick('videotwoTartan:2')"
                >
                  <div class="videoClose" v-if="videotwoTartanTwo.length != 0" @click.stop="onClone('videotwoTartan:2')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videotwoTartanTwo.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videotwoTartanTwo.length != 0"
                    :src="imgUrl + videotwoTartanTwo.filePath"
                  ></video>
                </div>
              </div>
              <div class="Tartan1" v-if="generateInfo.videoLayout == 3">
                <div
                  class="fourTartan Tartan_Tartan"
                  title="videofourTartan:1"
                  @click="videoTartanClick('videofourTartan:1')"
                >
                  <div class="videoClose" v-if="videofourTartanOne.length != 0" @click.stop="onClone('videofourTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videofourTartanOne.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videofourTartanOne.length != 0"
                    :src="imgUrl + videofourTartanOne.filePath"
                  ></video>
                </div>
                <div
                  class="fourTartan Tartan_Tartan"
                  @click="videoTartanClick('videofourTartan:2')"
                >
                  <div class="videoClose" v-if="videofourTartanTwo.length != 0" @click.stop="onClone('videofourTartan:2')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videofourTartanTwo.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videofourTartanTwo.length != 0"
                    :src="imgUrl + videofourTartanTwo.filePath"
                  ></video>
                </div>
                <div
                  class="fourTartan Tartan_Tartan"
                  @click="videoTartanClick('videofourTartan:3')"
                >
                  <div class="videoClose" v-if="videofourTartanThree.length != 0" @click.stop="onClone('videofourTartan:3')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videofourTartanThree.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videofourTartanThree.length != 0"
                    :src="imgUrl + videofourTartanThree.filePath"
                  ></video>
                </div>
                <div
                  class="fourTartan Tartan_Tartan"
                  @click="videoTartanClick('videofourTartan:4')"
                >
                  <div class="videoClose" v-if="videofourTartanFour.length != 0" @click.stop="onClone('videofourTartan:4')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videofourTartanFour.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videofourTartanFour.length != 0"
                    :src="imgUrl + videofourTartanFour.filePath"
                  ></video>
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.videoLayout == 4">
                <div
                  class="sixTartan Tartan_Tartan"
                  @click="videoTartanClick('videosixTartan:1')"
                >
                  <div class="videoClose" v-if="videosixTartanOne.length != 0" @click.stop="onClone('videosixTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videosixTartanOne.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videosixTartanOne.length != 0"
                    :src="imgUrl + videosixTartanOne.filePath"
                  ></video>
                </div>
                <div
                  class="sixTartan Tartan_Tartan"
                  @click="videoTartanClick('videosixTartan:2')"
                >
                  <div class="videoClose" v-if="videosixTartanTwo.length != 0" @click.stop="onClone('videosixTartan:2')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videosixTartanTwo.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videosixTartanTwo.length != 0"
                    :src="imgUrl + videosixTartanTwo.filePath"
                  ></video>
                </div>
                <div
                  class="sixTartan Tartan_Tartan"
                  @click="videoTartanClick('videosixTartan:3')"
                >
                  <div class="videoClose" v-if="videosixTartanThree.length != 0" @click.stop="onClone('videosixTartan:3')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videosixTartanThree.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videosixTartanThree.length != 0"
                    :src="imgUrl + videosixTartanThree.filePath"
                  ></video>
                </div>
                <div
                  class="sixTartan Tartan_Tartan"
                  @click="videoTartanClick('videosixTartan:4')"
                >
                  <div class="videoClose" v-if="videosixTartanFour.length != 0" @click.stop="onClone('videosixTartan:4')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videosixTartanFour.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videosixTartanFour.length != 0"
                    :src="imgUrl + videosixTartanFour.filePath"
                  ></video>
                </div>
                <div
                  class="sixTartan Tartan_Tartan"
                  @click="videoTartanClick('videosixTartan:5')"
                >
                  <div class="videoClose" v-if="videosixTartanFive.length != 0" @click.stop="onClone('videosixTartan:5')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videosixTartanFive.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videosixTartanFive.length != 0"
                    :src="imgUrl + videosixTartanFive.filePath"
                  ></video>
                </div>
                <div
                  class="sixTartan Tartan_Tartan"
                  @click="videoTartanClick('videosixTartan:6')"
                >
                  <div class="videoClose" v-if="videosixTartanSix.length != 0" @click.stop="onClone('videosixTartan:6')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videosixTartanSix.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videosixTartanSix.length != 0"
                    :src="imgUrl + videosixTartanSix.filePath"
                  ></video>
                </div>
              </div>
              <div class="Tartan" v-if="generateInfo.videoLayout == 5">
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:1')"
                >
                  <div class="videoClose" v-if="videonineTartanOne.length != 0" @click.stop="onClone('videonineTartan:1')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanOne.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanOne.length != 0"
                    :src="imgUrl + videonineTartanOne.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:2')"
                >
                  <div class="videoClose" v-if="videonineTartanTwo.length != 0" @click.stop="onClone('videonineTartan:2')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanTwo.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanTwo.length != 0"
                    :src="imgUrl + videonineTartanTwo.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:3')"
                >
                  <div class="videoClose" v-if="videonineTartanThree.length != 0" @click.stop="onClone('videonineTartan:3')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanThree.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanThree.length != 0"
                    :src="imgUrl + videonineTartanThree.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:4')"
                >
                  <div class="videoClose" v-if="videonineTartanFour.length != 0" @click.stop="onClone('videonineTartan:4')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanFour.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanFour.length != 0"
                    :src="imgUrl + videonineTartanFour.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:5')"
                >
                  <div class="videoClose" v-if="videonineTartanFive.length != 0" @click.stop="onClone('videonineTartan:5')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanFive.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanFive.length != 0"
                    :src="imgUrl + videonineTartanFive.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:6')"
                >
                  <div class="videoClose" v-if="videonineTartanSix.length != 0" @click.stop="onClone('videonineTartan:6')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanSix.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanSix.length != 0"
                    :src="imgUrl + videonineTartanSix.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:7')"
                >
                  <div class="videoClose" v-if="videonineTartanQi.length != 0" @click.stop="onClone('videonineTartan:7')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanQi.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanQi.length != 0"
                    :src="imgUrl + videonineTartanQi.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:8')"
                >
                  <div class="videoClose" v-if="videonineTartanBa.length != 0" @click.stop="onClone('videonineTartan:8')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanBa.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanBa.length != 0"
                    :src="imgUrl + videonineTartanBa.filePath"
                  ></video>
                </div>
                <div
                  class="nineTartan Tartan_Tartan"
                  @click="videoTartanClick('videonineTartan:9')"
                >
                  <div class="videoClose" v-if="videonineTartanNine.length != 0" @click.stop="onClone('videonineTartan:9')">
                    <img src="../../../../images/home-details/clone.png" title="清除" alt="">
                  </div>
                  <a-icon
                    class="aIcon"
                    v-if="videonineTartanNine.length == 0"
                    type="plus"
                  />
                  <video
                    class="seleImg"
                    v-if="videonineTartanNine.length != 0"
                    :src="imgUrl + videonineTartanNine.filePath"
                  ></video>
                </div>
              </div>
            </div>
          </div>
        </div>
      </a-modal>
    </div>

    <div class="selectFile" ref="selectFile">
      <a-modal
        class="Amodal AmodalFile"
        :visible="selectFileVisible"
        :confirm-loading="confirmLoading"
        @cancel="selectFileHandleCancel"
        :mask="false"
        title="选择图片"
        :maskClosable="false"
        :getContainer="() => $refs.selectFile"
      >
        <template slot="footer">
          <a-button class="butSave" @click="selectFileHandleOk">确认</a-button>
          <a-button @click="selectFileHandleCancel" class="butReset"
            >取消</a-button
          >
        </template>

        <div class="file">
          <div class="centent" v-for="(item, index) in imgArr" :key="index">
            <label>
            <div class="file_img">
              <img :src="imgUrl + item.filePath" alt="" />
            </div>
            <div class="bottom">
              <span class="seleFileDate">{{ item.fileDate }}</span>
              <input
                class="imgCheck"
                :id="item.id"
                v-model="picked"
                :title="imgArr.type1"
                :value="item.filePath"
                @change="imgChecked"
                type="radio"
              />
            </div>
            </label>
          </div>
        </div>
      </a-modal>
    </div>

    <div class="selectVideoFile" ref="selectVideoFile">
      <a-modal
        class="Amodal AmodalFile"
        :visible="selectVideoFileVisible"
        :confirm-loading="confirmLoading"
        @cancel="selectVideoFileHandleCancel"
        :mask="false"
        title="选择视频"
        :maskClosable="false"
        :getContainer="() => $refs.selectVideoFile"
      >
        <template slot="footer">
          <a-button class="butSave" @click="selectVideoFileHandleOk"
            >确认</a-button
          >
          <a-button @click="selectVideoFileHandleCancel" class="butReset"
            >取消</a-button
          >
        </template>

        <div class="file">
          <div class="centent" v-for="(item, index) in videoArr" :key="index">
            <label>
            <video class="videoFile" :src="imgUrl + item.filePath"></video>
            <div class="bottom">
              <span class="seleFileDate">{{ item.fileDate }}</span>
              <input
                class="imgCheck"
                :id="item.id"
                v-model="picked"
                :title="videoArr.type1"
                :value="item.filePath"
                @change="videoChecked"
                type="radio"
              />
            </div>
            </label>
          </div>
        </div>
      </a-modal>
    </div>
  </div>
</template>

<script>
import api from "../../../api/operation/operation.js";
import reportApi from "../../../api/report/report.js";
import videoView from "./VideoView.vue";
import moment from "moment";
import imgDraw from "../../../components/imgDraw/imgDraw.vue"
// // 引入docx-preview插件
// window.JSZip = require("jszip");
// const docx = require("docx-preview");
Array.prototype.remove = function(val) {
    var index = this.indexOf(val);
    if (index > -1) {
        this.splice(index, 1);
    }
}

// 获取字符串中 指定字符的前面 与 后面
function getStr(string, str) {
    var str_before = string.split(str)[0];
    var str_after = string.split(str)[1];
    var obj = {
        goods: str_before,
        goods_id: str_after
    };
    return obj;
}

export default {
  inject: ["reload"],
  name: "typeClassify",
  props: {
    operationMessage: Object,
  },
  components: {
    videoView,
    imgDraw,
  },
  watch: {
    operationMessage: {
      handler(val, oldVal) {
        this.operationId = val.id
        this.getOperation(val.id);
        this.SurgeryNum = val;
        this.SurgeryNum.num =
          Number(this.SurgeryNum.fileNum) +
          Number(this.SurgeryNum.imageNum) +
          Number(this.SurgeryNum.reportNum) +
          Number(this.SurgeryNum.videoNum) +
          Number(this.SurgeryNum.voiceNum);
      },
      deep: true,
      immediate: true,
    },
  },
  data() {
    return {
      // messagePasswordStr:'',
      typeName:'typeClassify',
      mainPart_filter:'mainPart_filter',
      bottom_con:'bottom_con',
      operationId:'',
      imgShow:false,
      imgEdit:'',
      comWidth: 0,
      imgFileNum:8,
      videoFileNum:8,
      voiceFileNum:8,
      fileFileNum:8,
      reportFileNum:8,
      comHeight: 0,
      rectColor: "",
      Loading1: false,
      picked: "",
      showMessage: false,
      img: require("../../../../images/home-showAll/bg-imgError.png"),
      topImg: require("../../../../images/home-details/headline-icon/icon-img.png"),
      topVideo: require("../../../../images/home-details/headline-icon/icon-video.png"),
      topVoice: require("../../../../images/home-details/headline-icon/icon-audio.png"),
      topFile: require("../../../../images/home-details/headline-icon/icon-file.png"),
      topReport: require("../../../../images/home-details/headline-icon/icon-report.png"),
      imgUrl: "",
      SurgeryNum: {},
      plainOptions: [],
      checkedList: [],
      current: 0, //复制成功提示显示或者隐藏
      shadowShow: false,
      showNum: 0,
      indeterminate: true,
      checkAll: false,
      checkboxAll: [],
      showFile: {},
      showFile1: {},
      editImg: {},
      showFileShow: false,
      visible: false,
      reportVisible: false,
      selectReportVisible: false,
      selectFileVisible: false,
      selectVideoFileVisible: false,
      confirmLoading: false,
      playStatus: "",
      muteStatus: "",
      isMute: true,
      isPlay: false,
      preload: "auto", //  建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
      controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件，启动视频播放的唯一方法是使用autoplay属性或通过Player API。
      autoplay: "",
      pdfFile: "",
      videoIndex:'',
      imgIndex:'',
      videoViewShow: true,
      videoViewShow1: false,
      imgFileListLength:[],
      videoFileListLength:[],
      voiceFileListLength:[],
      fileFileListLength:[],
      reportFileListLength:[],
      // 添加基础信息配置
      selectColumns: [
        {
          title: "模板名称",
          dataIndex: "reportName",
          width: "40%",
        },
        {
          title: "时间",
          dataIndex: "createTime",
          width: "50%",
          customRender: (text, row, index) => {
            return moment(text).format("YYYY-MM-DD HH:mm:ss");
          },
        },
      ],
      selectData: [],
      selectedRow: [], //勾选中的row
      selectedRowKeys: [], //勾选中的row的标记
      generateInfo: {},
      imgArr: [], //生成报告图片
      oneTartan: [],
      twoTartanOne: [],
      twoTartanTwo: [],
      fourTartanOne: [],
      fourTartanTwo: [],
      fourTartanThree: [],
      fourTartanFour: [],
      sixTartanOne: [],
      sixTartanTwo: [],
      sixTartanThree: [],
      sixTartanFour: [],
      sixTartanFive: [],
      sixTartanSix: [],
      nineTartanOne: [],
      nineTartanTwo: [],
      nineTartanThree: [],
      nineTartanFour: [],
      nineTartanFive: [],
      nineTartanSix: [],
      nineTartanQi: [],
      nineTartanBa: [],
      nineTartanNine: [],

      videoArr: [], //生成报告视频
      videooneTartan: [],
      videotwoTartanOne: [],
      videotwoTartanTwo: [],
      videofourTartanOne: [],
      videofourTartanTwo: [],
      videofourTartanThree: [],
      videofourTartanFour: [],
      videosixTartanOne: [],
      videosixTartanTwo: [],
      videosixTartanThree: [],
      videosixTartanFour: [],
      videosixTartanFive: [],
      videosixTartanSix: [],
      videonineTartanOne: [],
      videonineTartanTwo: [],
      videonineTartanThree: [],
      videonineTartanFour: [],
      videonineTartanFive: [],
      videonineTartanSix: [],
      videonineTartanQi: [],
      videonineTartanBa: [],
      videonineTartanNine: [],
    };
  },
  created() {
    this.imgUrl = this.$config.imgUrl;
  },
  mounted() {
    let _this = this;
    console.log(_this)
    _this.operationId = _this.operationMessage.id;
    window.Event.$on('menuLeft', val => {
      _this.menuLeft = val;
      if(_this.menuLeft != 'menuDeaDolour') {
        _this.topImg = require("../../../../images/home-details/headline-icon/icon-img.png");
        _this.topVideo = require("../../../../images/home-details/headline-icon/icon-video.png");
        _this.topVoice = require("../../../../images/home-details/headline-icon/icon-audio.png");
        _this.topFile = require("../../../../images/home-details/headline-icon/icon-file.png");
        _this.topReport = require("../../../../images/home-details/headline-icon/icon-report.png");
        _this.mainPart_filter = 'mainPart_filter';
        _this.bottom_con = 'bottom_con';
      }else if(_this.menuLeft == 'menuDeaDolour'){
        _this.topImg = require("../../../../images/home-details/headline-icon/icon-img1.png");
        _this.topVideo = require("../../../../images/home-details/headline-icon/icon-video1.png");
        _this.topVoice = require("../../../../images/home-details/headline-icon/icon-audio1.png");
        _this.topFile = require("../../../../images/home-details/headline-icon/icon-file1.png");
        _this.topReport = require("../../../../images/home-details/headline-icon/icon-report1.png");
        _this.mainPart_filter = 'mainPart_filter1';
        _this.bottom_con = 'bottom_con1';
      }
    })
    // _this.menuLeft1 = _this.$store.state.menuLeft
    _this.menuLeft1 = sessionStorage.getItem('menuLeft')
    if(_this.menuLeft1 != 'menuDeaDolour') {
        _this.topImg = require("../../../../images/home-details/headline-icon/icon-img.png");
        _this.topVideo = require("../../../../images/home-details/headline-icon/icon-video.png");
        _this.topVoice = require("../../../../images/home-details/headline-icon/icon-audio.png");
        _this.topFile = require("../../../../images/home-details/headline-icon/icon-file.png");
        _this.topReport = require("../../../../images/home-details/headline-icon/icon-report.png");
        _this.mainPart_filter = 'mainPart_filter';
        _this.bottom_con = 'bottom_con';
      }else if(_this.menuLeft1 == 'menuDeaDolour'){
        _this.topImg = require("../../../../images/home-details/headline-icon/icon-img1.png");
        _this.topVideo = require("../../../../images/home-details/headline-icon/icon-video1.png");
        _this.topVoice = require("../../../../images/home-details/headline-icon/icon-audio1.png");
        _this.topFile = require("../../../../images/home-details/headline-icon/icon-file1.png");
        _this.topReport = require("../../../../images/home-details/headline-icon/icon-report1.png");
        _this.mainPart_filter = 'mainPart_filter1';
        _this.bottom_con = 'bottom_con1';
      }
  },
  methods: {
    rectColorChange() {
      console.log(this.rectColor);
    },
    //自定义选中当前行的操作
    customRow(record, index) {
      const that = this;
      return {
        on: {
          // 鼠标单击行
          click: (event) => {
            that.selectedRow = [record];
            that.selectedRowKeys = [index];
          },
        },
      };
    },
    //table勾选
    onSelectChange(key, row) {
      this.selectedRow = row;
      this.selectedRowKeys = key;
    },
    preview(e) {
      docx.renderAsync(this.$refs.file.files[0], this.$refs.preview); // 渲染到页面预览
    },
    editing() {
      this.videoViewShow = false;
      this.videoViewShow1 = true;
    },
    radioVa(num) {
      this.showNum = num;
      this.getOperation(this.operationId, num);
    },
    confirm(e) {
      this.$message.success("Click on Yes");
    },
    cancel(e) {
      this.$message.error("Click on No");
    },
    // 点击弹出选择报告
    produceReport() {
      this.selectReportVisible = true;
      this.getReportList();
    },
    // 报告模板
    getReportList() {
      reportApi.reportGetList().then((res) => {
        if (res.code == 200) {
          let selectArr = []
          res.data.data.forEach((e,v)=>{
            if(e.isUse == 1) {
              selectArr.push(e)
            }
          })
          this.selectData = selectArr;
          this.selectData.createTime = moment(
            this.selectData.createTime
          ).format("YYYY-MM-DD HH:MM:SS");
        }
      });
    },
    // 选择报告取消按钮
    selectReportHandleCancel() {
      this.selectReportVisible = false;
      this.$parent.refresh();
    },
    // 选择报告后确认按钮
    selectReportHandleOk() {
      let _this = this;
      if (_this.selectedRow.length == 0) {
        _this.$message.error("请选择模板");
      } else {
        _this.reportVisible = true;
        _this.selectReportVisible = false;
        let reportId = _this.selectedRow[0].id;
        let operationId = _this.operationMessage.id;
        reportApi.getGenerateInfo(null, reportId, operationId).then((res) => {
          if (res.code == 200) {
            _this.generateInfo = res.data;
          }
        });
      }
    },
    // 删除
    onDelete(fileId) {
      let _this = this;
      _this.$confirm({
        title: '是否删除?',
        centered: 'true',
        onOk() {
          api.operationFileRemove(null, fileId).then((res) => {
            if(res.code == 200 && res.data == true) {
              _this.$message.success("删除成功");
              _this.getOperation(_this.operationId);
              _this.$parent.operationGetInfo()
              _this.$parent.refresh();
            }else {
              _this.$message.error("删除失败");
              _this.getOperation(_this.operationId);
              _this.$parent.operationGetInfo()
              _this.$parent.refresh();
            }
          });
        },
        onCancel() {
          _this.getOperation(_this.operationId);
        },
      });
    },
    // 批删
    deleteAll() {
      let _this = this;
      let fileIds = this.checkboxAll.filter(
        (x, index, self) => self.indexOf(x) === index
      );
      //fileIds = JSON.stringify(fileIds);
      let operationId = this.operationMessage.id;
      let obj = {};
      obj.fileIds = fileIds;
      obj.operationId = operationId;
      if(obj.fileIds == '') {
        this.$message.warning('未选择');
      }else {
        _this.$confirm({
          title: '是否删除?',
          centered: 'true',
          onOk() {
            api.operationFileRemoveAll(null, obj).then((res) => {
              if(res.code == 200 && res.data == true) {
                _this.$message.success("删除成功");
                _this.getOperation(_this.operationId);
                _this.$parent.operationGetInfo()
                this.$parent.refresh();
              }else {
                _this.$message.error("删除失败");
                _this.getOperation(_this.operationId);
                _this.$parent.operationGetInfo()
                this.$parent.refresh();
              }
            });
          },
          onCancel() {
            _this.getOperation(_this.operationId);
            _this.$parent.operationGetInfo()
          },
        });
      }
    },
    // 批量下载
    downloadAll() {
      let _this = this;
      let fileIds = this.checkboxAll.filter(
        (x, index, self) => self.indexOf(x) === index
      );
      let obj = {};
      obj.fileIds = fileIds;
      if(obj.fileIds == '') {
        this.$message.warning('未选择');
      }else {
        api.operationFiledownloadAll(null, obj).then((res) => {
          const blob = new Blob([res], {
            type: "application/zip",
          });
          let getTime = new Date().getTime();
          getTime = moment(
              getTime
            ).format("YYYYMMDDHHMMSS");
          const objectUrl = URL.createObjectURL(blob);
          const a = document.createElement("a");
          a.href = objectUrl;
          a.download = '__' + getTime + ".zip";
          a.click();
          _this.getOperation(_this.operationId);
        });
      }
    },
    // 下载
    onDownload(id) {
      this.plainOptions.forEach((el) => {
        if (el.id == id) {
          let load = el.filePath;
          let index = load.lastIndexOf(".");
          let fileType1 = load.substring(index + 1, load.length);
          api.operationFiledownload(null,id).then((res) => {
            let getTime = new Date().getTime();
            getTime = moment(
                getTime
            ).format("YYYYMMDDHHMMSS");
            if(fileType1 == 'png') {
              let blob = new Blob([res], {
                type: "image/png",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'jpg') {
              let blob = new Blob([res], {
                type: "image/jpg",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'jpeg') {
              let blob = new Blob([res], {
                type: "image/jpeg",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'mp3') {
              let blob = new Blob([res], {
                type: "audio/mpeg",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'mp4') {
              let blob = new Blob([res], {
                type: "video/mpeg4",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'ppt') {
              let blob = new Blob([res], {
                type: "application/vnd.ms-powerpoint",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'pptx') {
              let blob = new Blob([res], {
                type: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'xls') {
              let blob = new Blob([res], {
                type: "application/vnd.ms-excel",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'xlsx') {
              let blob = new Blob([res], {
                type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'doc') {
              let blob = new Blob([res], {
                type: "application/msword",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'docx') {
              let blob = new Blob([res], {
                type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'pdf') {
              let blob = new Blob([res], {
                type: "application/pdf",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
            if(fileType1 == 'zip') {
              let blob = new Blob([res], {
                type: "application/zip",
              });
              let objectUrl = URL.createObjectURL(blob);
              let a = document.createElement("a");
              a.href = objectUrl;
              a.download = getTime + "." + fileType1;
              a.click();
            }
          });
        }
      });
    },
    shadowMousemove(index) {
      this.shadowShow = true;
      this.current = index;
    },
    shadowMouseout() {
      this.shadowShow = false;
    },
    onCheckAllChange(e) {
      let aCheckboxVal = document.querySelectorAll(".aCheckboxVal");
      for (let i = 0; i < aCheckboxVal.length; i++) {
        if (e.target.checked == true) {
          aCheckboxVal[i].checked = true;
          this.checkboxAll.push(aCheckboxVal[i].value);
        } else if (e.target.checked == false) {
          aCheckboxVal[i].checked = false;
          this.checkboxAll.remove(aCheckboxVal[i].value);
        }
      }
    },
    onContentChange(e) {
      if (e.target.checked == true) {
        this.checkboxAll.push(e.target.value);
      }else if (e.target.checked == false) {
        this.checkboxAll.remove(e.target.value);
      }
    },
    getRadioVal(e) {
      //this.operationFile(e.target.value);
    },
    getOperation(operationId, num) {
      let _this = this;
      api
        .operationFileGetList(null, {
          operationId: operationId,
          type: num ? num : 0,
        })
        .then((res) => {
          if (res.code == 200) {
            _this.plainOptions = res.data;
            let plainOptions1 = res.data;
            let imgFileListLength = []
            let videoFileListLength = []
            let voiceFileListLength = []
            let fileFileListLength = []
            let reportFileListLength = []
            plainOptions1.forEach((e,v)=>{
              if(e.fileType == 1) {
                imgFileListLength.push(e)
              }
              if(e.fileType == 2) {
                videoFileListLength.push(e)
              }
              if(e.fileType == 3) {
                voiceFileListLength.push(e)
              }
              if(e.fileType == 4) {
                fileFileListLength.push(e)
              }
              if(e.fileType == 5) {
                reportFileListLength.push(e)
              }
              _this.imgFileListLength = imgFileListLength
              _this.videoFileListLength = videoFileListLength
              _this.voiceFileListLength = voiceFileListLength
              _this.fileFileListLength = fileFileListLength
              _this.reportFileListLength = reportFileListLength
            })
          }
        });
    },
    // 文件预览
    examine(item) {
      let _this = this;
      _this.Loading1 = true;
      _this.showFile = item;
      let load = item.filePath;
      let index = load.lastIndexOf(".");
      let fileType1 = load.substring(index + 1, load.length);
      let fileId = _this.showFile.id;
      _this.showFile.fileTypee = fileType1;
      if (_this.showFile.fileType == 4 && _this.showFile.fileTypee != "pdf") {
        api.previewFile(null, fileId).then((res) => {
          if(res.code == 200) {
            _this.Loading1 = false;
            let showFile1 = {}
            showFile1.fileId = fileId;
            showFile1.filePath = res.data;
            _this.showFile1 = showFile1;
          }
        });
      }
      if (_this.showFile.fileType == 4 && _this.showFile.fileTypee == "pdf") {
        _this.Loading1 = false;
      }
      _this.visible = true;
    },
    // 图片编辑
    onEdit(item){
      let _this = this;
      _this.imgShow = false;
      _this.$nextTick(()=>{
        _this.showFile = item;
        _this.imgEdit = _this.imgUrl+item.filePath;
        this.imgShow = true;
      })
    },

    imgRefresh(){
      this.imgShow = false;
      this.visible = false;
    },
    videoRefresh(){
      this.videoViewShow = true;
      this.videoViewShow1 = false;
    },
    // 显示文件确认按钮
    handleOk(e) {
      this.confirmLoading = true;
      this.visible = false;
      this.bound1Show = false;
      this.confirmLoading = false;
      this.getOperation(this.operationId);
    },
    // 显示文件关闭按钮
    handleCancel(e) {
      let _this = this;
      let fileId = _this.showFile1.fileId;
      api.removePreview(null,fileId).then(res=>{
        this.showFile1 = {}
      })
      this.visible = false;
      this.bound1Show = false;
      //this.getOperation(this.operationId);
    },
    // 生成报告确认按钮
    reportHandleOk() {
      this.confirmLoading = true;
      this.reportVisible = false;
      this.confirmLoading = false;
      let imgobj = {
        imgList: [],
        operationId: "",
        reportId: "",
        videoList: [],
      };
      if (this.generateInfo.imageLayout == 1) {
        if (this.oneTartan.length != 0) {
          imgobj.imgList.push(this.oneTartan);
        }
      }
      if (this.generateInfo.videoLayout == 1) {
        if (this.videooneTartan.length != 0) {
          imgobj.videoList.push(this.videooneTartan);
        }
      }
      if (this.generateInfo.imageLayout == 2) {
        if (this.twoTartanOne.length != 0) {
          imgobj.imgList.push(this.twoTartanOne);
        }
        if (this.twoTartanTwo.length != 0) {
          imgobj.imgList.push(this.twoTartanTwo);
        }
      }
      if (this.generateInfo.videoLayout == 2) {
        if (this.videotwoTartanOne.length != 0) {
          imgobj.videoList.push(this.videotwoTartanOne);
        }
        if (this.videotwoTartanTwo.length != 0) {
          imgobj.videoList.push(this.videotwoTartanTwo);
        }
      }
      if (this.generateInfo.imageLayout == 3) {
        if (this.fourTartanOne.length != 0) {
          imgobj.imgList.push(this.fourTartanOne);
        }
        if (this.fourTartanTwo.length != 0) {
          imgobj.imgList.push(this.fourTartanTwo);
        }
        if (this.fourTartanThree.length != 0) {
          imgobj.imgList.push(this.fourTartanThree);
        }
        if (this.fourTartanFour.length != 0) {
          imgobj.imgList.push(this.fourTartanFour);
        }
      }
      if (this.generateInfo.videoLayout == 3) {
        if (this.videofourTartanOne.length != 0) {
          imgobj.videoList.push(this.videofourTartanOne);
        }
        if (this.videofourTartanTwo.length != 0) {
          imgobj.videoList.push(this.videofourTartanTwo);
        }
        if (this.videofourTartanThree.length != 0) {
          imgobj.videoList.push(this.videofourTartanThree);
        }
        if (this.videofourTartanFour.length != 0) {
          imgobj.videoList.push(this.videofourTartanFour);
        }
      }
      if (this.generateInfo.imageLayout == 4) {
        if (this.sixTartanOne.length != 0) {
          imgobj.imgList.push(this.sixTartanOne);
        }
        if (this.sixTartanTwo.length != 0) {
          imgobj.imgList.push(this.sixTartanTwo);
        }
        if (this.sixTartanThree.length != 0) {
          imgobj.imgList.push(this.sixTartanThree);
        }
        if (this.sixTartanFour.length != 0) {
          imgobj.imgList.push(this.sixTartanFour);
        }
        if (this.sixTartanFive.length != 0) {
          imgobj.imgList.push(this.sixTartanFive);
        }
        if (this.sixTartanSix.length != 0) {
          imgobj.imgList.push(this.sixTartanSix);
        }
      }
      if (this.generateInfo.videoLayout == 4) {
        if (this.videosixTartanOne.length != 0) {
          imgobj.videoList.push(this.videosixTartanOne);
        }
        if (this.videosixTartanTwo.length != 0) {
          imgobj.videoList.push(this.videosixTartanTwo);
        }
        if (this.videosixTartanThree.length != 0) {
          imgobj.videoList.push(this.videosixTartanThree);
        }
        if (this.videosixTartanFour.length != 0) {
          imgobj.videoList.push(this.videosixTartanFour);
        }
        if (this.videosixTartanFive.length != 0) {
          imgobj.videoList.push(this.videosixTartanFive);
        }
        if (this.videosixTartanSix.length != 0) {
          imgobj.videoList.push(this.videosixTartanSix);
        }
      }
      if (this.generateInfo.imageLayout == 5) {
        if (this.nineTartanOne.length != 0) {
          imgobj.imgList.push(this.nineTartanOne);
        }
        if (this.nineTartanTwo.length != 0) {
          imgobj.imgList.push(this.nineTartanTwo);
        }
        if (this.nineTartanThree.length != 0) {
          imgobj.imgList.push(this.nineTartanThree);
        }
        if (this.nineTartanFour.length != 0) {
          imgobj.imgList.push(this.nineTartanFour);
        }
        if (this.nineTartanFive.length != 0) {
          imgobj.imgList.push(this.nineTartanFive);
        }
        if (this.nineTartanSix.length != 0) {
          imgobj.imgList.push(this.nineTartanSix);
        }
        if (this.nineTartanQi.length != 0) {
          imgobj.imgList.push(this.nineTartanQi);
        }
        if (this.nineTartanBa.length != 0) {
          imgobj.imgList.push(this.nineTartanBa);
        }
        if (this.nineTartanNine.length != 0) {
          imgobj.imgList.push(this.nineTartanNine);
        }
      }
      if (this.generateInfo.videoLayout == 5) {
        if (this.videonineTartanOne.length != 0) {
          imgobj.videoList.push(this.videonineTartanOne);
        }
        if (this.videonineTartanTwo.length != 0) {
          imgobj.videoList.push(this.videonineTartanTwo);
        }
        if (this.videonineTartanThree.length != 0) {
          imgobj.videoList.push(this.videonineTartanThree);
        }
        if (this.videonineTartanFour.length != 0) {
          imgobj.videoList.push(this.videonineTartanFour);
        }
        if (this.videonineTartanFive.length != 0) {
          imgobj.videoList.push(this.videonineTartanFive);
        }
        if (this.videonineTartanSix.length != 0) {
          imgobj.videoList.push(this.videonineTartanSix);
        }
        if (this.videonineTartanQi.length != 0) {
          imgobj.videoList.push(this.videonineTartanQi);
        }
        if (this.videonineTartanBa.length != 0) {
          imgobj.videoList.push(this.videonineTartanBa);
        }
        if (this.videonineTartanNine.length != 0) {
          imgobj.videoList.push(this.videonineTartanNine);
        }
      }
      imgobj.imgList.forEach((e) => {
        e.filePath = this.imgUrl + e.filePath;
        delete e.title;
      });
      imgobj.videoList.forEach((e) => {
        e.filePath = this.imgUrl + e.filePath;
        delete e.title;
      });
      imgobj.reportId = this.selectedRow[0].id;
      imgobj.operationId = this.operationMessage.id;
      // imgobj.password = String(this.messagePasswordStr);
      reportApi.generateReport(null, imgobj).then((res) => {
        this.getOperation(this.operationId);
        this.$parent.refresh();
      });
    },
    // 生成报告取消按钮
    reportHandleCancel(e) {
      this.reportVisible = false;
      this.getOperation(this.operationId);
      this.$parent.refresh();
    },
    // 点击弹开选择图片
    TartanClick(e) {
      this.imgIndex = e;
      this.selectFileVisible = true;
      let plainOptions = this.plainOptions;
      let imgArr = [];
      imgArr.type1 = e;
      plainOptions.forEach((e) => {
        if (e.fileType == 1) {
          imgArr.push(e);
        }
      });
      this.imgArr = imgArr;
    },
    // 点击弹开选择视频
    videoTartanClick(e) {
      this.videoIndex = e;
      this.selectVideoFileVisible = true;
      let plainOptions = this.plainOptions;
      let videoArr = [];
      videoArr.type1 = e;
      plainOptions.forEach((e) => {
        if (e.fileType == 2) {
          videoArr.push(e);
        }
      });
      this.videoArr = videoArr;
    },
    // 选择图片确认按钮
    selectFileHandleOk() {
      this.selectFileVisible = false;
    },
    // 选择图片取消按钮
    selectFileHandleCancel() {
      let bottomName = document.querySelector('.mesImg .bottom').children[0].children[0].className;
      let obj1 = getStr(bottomName, ' ');
      if(obj1.goods == 'oneTartan') {
        let imgIndex = this.imgIndex.substr(-1,1)
        if(imgIndex == 1) {
          this.oneTartan = []
        }
      }
      if(obj1.goods == 'twoTartan') {
        let imgIndex = this.imgIndex.substr(-1,1)
        if(imgIndex == 1) {
          this.twoTartanOne = []
        }else if(imgIndex == 2) {
          this.twoTartanTwo = []
        }
      }
      if(obj1.goods == 'fourTartan') {
        let imgIndex = this.imgIndex.substr(-1,1)
        if(imgIndex == 1) {
          this.fourTartanOne = []
        }else if(imgIndex == 2) {
          this.fourTartanTwo = []
        }else if(imgIndex == 3) {
          this.fourTartanThree = []
        }else if(imgIndex == 4) {
          this.fourTartanFour = []
        }
      }
      if(obj1.goods == 'sixTartan') {
        let imgIndex = this.imgIndex.substr(-1,1)
        if(imgIndex == 1) {
          this.sixTartanOne = []
        }else if(imgIndex == 2) {
          this.sixTartanTwo = []
        }else if(imgIndex == 3) {
          this.sixTartanThree = []
        }else if(imgIndex == 4) {
          this.sixTartanFour = []
        }else if(imgIndex == 5) {
          this.sixTartanFive = []
        }else if(imgIndex == 6) {
          this.sixTartanSix = []
        }
      }
      if(obj1.goods == 'nineTartan') {
        let imgIndex = this.imgIndex.substr(-1,1)
        if(imgIndex == 1) {
          this.nineTartanOne = []
        }else if(imgIndex == 2) {
          this.nineTartanTwo = []
        }else if(imgIndex == 3) {
          this.nineTartanThree = []
        }else if(imgIndex == 4) {
          this.nineTartanFour = []
        }else if(imgIndex == 5) {
          this.nineTartanFive = []
        }else if(imgIndex == 6) {
          this.nineTartanSix = []
        }else if(imgIndex == 7) {
          this.nineTartanQi = []
        }else if(imgIndex == 8) {
          this.nineTartanBa = []
        }else if(imgIndex == 9) {
          this.nineTartanNine = []
        }
      }
      this.reportVisible = true;
      this.selectFileVisible = false;
    },
    // 选择图片事件
    imgChecked(e) {
      if (e.target.checked == true) {
        if (e.target.title == "oneTartan:1") {
          let oneTartan = {};
          oneTartan.fileId = e.target.id;
          oneTartan.filePath = e.target.value;
          oneTartan.title = e.target.title;
          oneTartan.sortCode = 1;
          this.oneTartan = oneTartan;
        }

        if (e.target.title == "twoTartan:1") {
          let twoTartanOne = {};
          twoTartanOne.fileId = e.target.id;
          twoTartanOne.filePath = e.target.value;
          twoTartanOne.title = e.target.title;
          twoTartanOne.sortCode = 1;
          this.twoTartanOne = twoTartanOne;
        }
        if (e.target.title == "twoTartan:2") {
          let twoTartanTwo = {};
          twoTartanTwo.fileId = e.target.id;
          twoTartanTwo.filePath = e.target.value;
          twoTartanTwo.title = e.target.title;
          twoTartanTwo.sortCode = 2;
          this.twoTartanTwo = twoTartanTwo;
        }

        if (e.target.title == "fourTartan:1") {
          let fourTartanOne = {};
          fourTartanOne.fileId = e.target.id;
          fourTartanOne.filePath = e.target.value;
          fourTartanOne.title = e.target.title;
          fourTartanOne.sortCode = 1;
          this.fourTartanOne = fourTartanOne;
        }
        if (e.target.title == "fourTartan:2") {
          let fourTartanTwo = {};
          fourTartanTwo.fileId = e.target.id;
          fourTartanTwo.filePath = e.target.value;
          fourTartanTwo.title = e.target.title;
          fourTartanTwo.sortCode = 2;
          this.fourTartanTwo = fourTartanTwo;
        }
        if (e.target.title == "fourTartan:3") {
          let fourTartanThree = {};
          fourTartanThree.fileId = e.target.id;
          fourTartanThree.filePath = e.target.value;
          fourTartanThree.title = e.target.title;
          fourTartanThree.sortCode = 3;
          this.fourTartanThree = fourTartanThree;
        }
        if (e.target.title == "fourTartan:4") {
          let fourTartanFour = {};
          fourTartanFour.fileId = e.target.id;
          fourTartanFour.filePath = e.target.value;
          fourTartanFour.title = e.target.title;
          fourTartanFour.sortCode = 4;
          this.fourTartanFour = fourTartanFour;
        }

        if (e.target.title == "sixTartan:1") {
          let sixTartanOne = {};
          sixTartanOne.fileId = e.target.id;
          sixTartanOne.filePath = e.target.value;
          sixTartanOne.title = e.target.title;
          sixTartanOne.sortCode = 1;
          this.sixTartanOne = sixTartanOne;
        }
        if (e.target.title == "sixTartan:2") {
          let sixTartanTwo = {};
          sixTartanTwo.fileId = e.target.id;
          sixTartanTwo.filePath = e.target.value;
          sixTartanTwo.title = e.target.title;
          sixTartanTwo.sortCode = 2;
          this.sixTartanTwo = sixTartanTwo;
        }
        if (e.target.title == "sixTartan:3") {
          let sixTartanThree = {};
          sixTartanThree.fileId = e.target.id;
          sixTartanThree.filePath = e.target.value;
          sixTartanThree.title = e.target.title;
          sixTartanThree.sortCode = 3;
          this.sixTartanThree = sixTartanThree;
        }
        if (e.target.title == "sixTartan:4") {
          let sixTartanFour = {};
          sixTartanFour.fileId = e.target.id;
          sixTartanFour.filePath = e.target.value;
          sixTartanFour.title = e.target.title;
          sixTartanFour.sortCode = 4;
          this.sixTartanFour = sixTartanFour;
        }
        if (e.target.title == "sixTartan:5") {
          let sixTartanFive = {};
          sixTartanFive.fileId = e.target.id;
          sixTartanFive.filePath = e.target.value;
          sixTartanFive.title = e.target.title;
          sixTartanFive.sortCode = 5;
          this.sixTartanFive = sixTartanFive;
        }
        if (e.target.title == "sixTartan:6") {
          let sixTartanSix = {};
          sixTartanSix.fileId = e.target.id;
          sixTartanSix.filePath = e.target.value;
          sixTartanSix.title = e.target.title;
          sixTartanSix.sortCode = 6;
          this.sixTartanSix = sixTartanSix;
        }

        if (e.target.title == "nineTartan:1") {
          let nineTartanOne = {};
          nineTartanOne.fileId = e.target.id;
          nineTartanOne.filePath = e.target.value;
          nineTartanOne.title = e.target.title;
          nineTartanOne.sortCode = 1;
          this.nineTartanOne = nineTartanOne;
        }
        if (e.target.title == "nineTartan:2") {
          let nineTartanTwo = {};
          nineTartanTwo.fileId = e.target.id;
          nineTartanTwo.filePath = e.target.value;
          nineTartanTwo.title = e.target.title;
          nineTartanTwo.sortCode = 2;
          this.nineTartanTwo = nineTartanTwo;
        }
        if (e.target.title == "nineTartan:3") {
          let nineTartanThree = {};
          nineTartanThree.fileId = e.target.id;
          nineTartanThree.filePath = e.target.value;
          nineTartanThree.title = e.target.title;
          nineTartanThree.sortCode = 3;
          this.nineTartanThree = nineTartanThree;
        }
        if (e.target.title == "nineTartan:4") {
          let nineTartanFour = {};
          nineTartanFour.fileId = e.target.id;
          nineTartanFour.filePath = e.target.value;
          nineTartanFour.title = e.target.title;
          nineTartanFour.sortCode = 4;
          this.nineTartanFour = nineTartanFour;
        }
        if (e.target.title == "nineTartan:5") {
          let nineTartanFive = {};
          nineTartanFive.fileId = e.target.id;
          nineTartanFive.filePath = e.target.value;
          nineTartanFive.title = e.target.title;
          nineTartanFive.sortCode = 5;
          this.nineTartanFive = nineTartanFive;
        }
        if (e.target.title == "nineTartan:6") {
          let nineTartanSix = {};
          nineTartanSix.fileId = e.target.id;
          nineTartanSix.filePath = e.target.value;
          nineTartanSix.title = e.target.title;
          nineTartanSix.sortCode = 6;
          this.nineTartanSix = nineTartanSix;
        }
        if (e.target.title == "nineTartan:7") {
          let nineTartanQi = {};
          nineTartanQi.fileId = e.target.id;
          nineTartanQi.filePath = e.target.value;
          nineTartanQi.title = e.target.title;
          nineTartanQi.sortCode = 7;
          this.nineTartanQi = nineTartanQi;
        }
        if (e.target.title == "nineTartan:8") {
          let nineTartanBa = {};
          nineTartanBa.fileId = e.target.id;
          nineTartanBa.filePath = e.target.value;
          nineTartanBa.title = e.target.title;
          nineTartanBa.sortCode = 8;
          this.nineTartanBa = nineTartanBa;
        }
        if (e.target.title == "nineTartan:9") {
          let nineTartanNine = {};
          nineTartanNine.fileId = e.target.id;
          nineTartanNine.filePath = e.target.value;
          nineTartanNine.title = e.target.title;
          nineTartanNine.sortCode = 9;
          this.nineTartanNine = nineTartanNine;
        }
      }
    },
    // 选择视频取消按钮
    selectVideoFileHandleCancel() {
      let bottomName = document.querySelector('.mesVideo .bottom').children[0].children[0].className;
      let obj1 = getStr(bottomName, ' ');
      if(obj1.goods == 'oneTartan') {
        let videoIndex = this.videoIndex.substr(-1,1)
        if(videoIndex == 1) {
          this.videooneTartan = []
        }
      }
      if(obj1.goods == 'twoTartan') {
        let videoIndex = this.videoIndex.substr(-1,1)
        if(videoIndex == 1) {
          this.videotwoTartanOne = []
        }else if(videoIndex == 2) {
          this.videotwoTartanTwo = []
        }
      }
      if(obj1.goods == 'fourTartan') {
        let videoIndex = this.videoIndex.substr(-1,1)
        if(videoIndex == 1) {
          this.videofourTartanOne = []
        }else if(videoIndex == 2) {
          this.videofourTartanTwo = []
        }else if(videoIndex == 3) {
          this.videofourTartanThree = []
        }else if(videoIndex == 4) {
          this.videofourTartanFour = []
        }
      }
      if(obj1.goods == 'sixTartan') {
        let videoIndex = this.videoIndex.substr(-1,1)
        if(videoIndex == 1) {
          this.videosixTartanOne = []
        }else if(videoIndex == 2) {
          this.videosixTartanTwo = []
        }else if(videoIndex == 3) {
          this.videosixTartanThree = []
        }else if(videoIndex == 4) {
          this.videosixTartanFour = []
        }else if(videoIndex == 5) {
          this.videosixTartanFive = []
        }else if(videoIndex == 6) {
          this.videosixTartanSix = []
        }
      }
      if(obj1.goods == 'nineTartan') {
        let videoIndex = this.videoIndex.substr(-1,1)
        if(videoIndex == 1) {
          this.videonineTartanOne = []
        }else if(videoIndex == 2) {
          this.videonineTartanTwo = []
        }else if(videoIndex == 3) {
          this.videonineTartanThree = []
        }else if(videoIndex == 4) {
          this.videonineTartanFour = []
        }else if(videoIndex == 5) {
          this.videonineTartanFive = []
        }else if(videoIndex == 6) {
          this.videonineTartanSix = []
        }else if(videoIndex == 7) {
          this.videonineTartanQi = []
        }else if(videoIndex == 8) {
          this.videonineTartanBa = []
        }else if(videoIndex == 9) {
          this.videonineTartanNine = []
        }
      }
      this.reportVisible = true;
      this.selectVideoFileVisible = false;
    },
    // 选择视频确认按钮
    selectVideoFileHandleOk() {
      this.selectVideoFileVisible = false;
    },
    // 选择视频事件
    videoChecked(e) {
      if (e.target.checked == true) {
        if (e.target.title == "videooneTartan:1") {
          let videooneTartan = {};
          videooneTartan.fileId = e.target.id;
          videooneTartan.filePath = e.target.value;
          videooneTartan.title = e.target.title;
          videooneTartan.sortCode = 1;
          this.videooneTartan = videooneTartan;
        }

        if (e.target.title == "videotwoTartan:1") {
          let videotwoTartanOne = {};
          videotwoTartanOne.fileId = e.target.id;
          videotwoTartanOne.filePath = e.target.value;
          videotwoTartanOne.title = e.target.title;
          videotwoTartanOne.sortCode = 1;
          this.videotwoTartanOne = videotwoTartanOne;
        }
        if (e.target.title == "videotwoTartan:2") {
          let videotwoTartanTwo = {};
          videotwoTartanTwo.fileId = e.target.id;
          videotwoTartanTwo.filePath = e.target.value;
          videotwoTartanTwo.title = e.target.title;
          videotwoTartanTwo.sortCode = 2;
          this.videotwoTartanTwo = videotwoTartanTwo;
        }

        if (e.target.title == "videofourTartan:1") {
          let videofourTartanOne = {};
          videofourTartanOne.fileId = e.target.id;
          videofourTartanOne.filePath = e.target.value;
          videofourTartanOne.title = e.target.title;
          videofourTartanOne.sortCode = 1;
          this.videofourTartanOne = videofourTartanOne;
        }
        if (e.target.title == "videofourTartan:2") {
          let videofourTartanTwo = {};
          videofourTartanTwo.fileId = e.target.id;
          videofourTartanTwo.filePath = e.target.value;
          videofourTartanTwo.title = e.target.title;
          videofourTartanTwo.sortCode = 2;
          this.videofourTartanTwo = videofourTartanTwo;
        }
        if (e.target.title == "videofourTartan:3") {
          let videofourTartanThree = {};
          videofourTartanThree.fileId = e.target.id;
          videofourTartanThree.filePath = e.target.value;
          videofourTartanThree.title = e.target.title;
          videofourTartanThree.sortCode = 3;
          this.videofourTartanThree = videofourTartanThree;
        }
        if (e.target.title == "videofourTartan:4") {
          let videofourTartanFour = {};
          videofourTartanFour.fileId = e.target.id;
          videofourTartanFour.filePath = e.target.value;
          videofourTartanFour.title = e.target.title;
          videofourTartanFour.sortCode = 4;
          this.videofourTartanFour = videofourTartanFour;
        }

        if (e.target.title == "videosixTartan:1") {
          let videosixTartanOne = {};
          videosixTartanOne.fileId = e.target.id;
          videosixTartanOne.filePath = e.target.value;
          videosixTartanOne.title = e.target.title;
          videosixTartanOne.sortCode = 1;
          this.videosixTartanOne = videosixTartanOne;
        }
        if (e.target.title == "videosixTartan:2") {
          let videosixTartanTwo = {};
          videosixTartanTwo.fileId = e.target.id;
          videosixTartanTwo.filePath = e.target.value;
          videosixTartanTwo.title = e.target.title;
          videosixTartanTwo.sortCode = 2;
          this.videosixTartanTwo = videosixTartanTwo;
        }
        if (e.target.title == "videosixTartan:3") {
          let videosixTartanThree = {};
          videosixTartanThree.fileId = e.target.id;
          videosixTartanThree.filePath = e.target.value;
          videosixTartanThree.title = e.target.title;
          videosixTartanThree.sortCode = 3;
          this.videosixTartanThree = videosixTartanThree;
        }
        if (e.target.title == "videosixTartan:4") {
          let videosixTartanFour = {};
          videosixTartanFour.fileId = e.target.id;
          videosixTartanFour.filePath = e.target.value;
          videosixTartanFour.title = e.target.title;
          videosixTartanFour.sortCode = 4;
          this.videosixTartanFour = videosixTartanFour;
        }
        if (e.target.title == "videosixTartan:5") {
          let videosixTartanFive = {};
          videosixTartanFive.fileId = e.target.id;
          videosixTartanFive.filePath = e.target.value;
          videosixTartanFive.title = e.target.title;
          videosixTartanFive.sortCode = 5;
          this.videosixTartanFive = videosixTartanFive;
        }
        if (e.target.title == "videosixTartan:6") {
          let videosixTartanSix = {};
          videosixTartanSix.fileId = e.target.id;
          videosixTartanSix.filePath = e.target.value;
          videosixTartanSix.title = e.target.title;
          videosixTartanSix.sortCode = 6;
          this.videosixTartanSix = videosixTartanSix;
        }

        if (e.target.title == "videonineTartan:1") {
          let videonineTartanOne = {};
          videonineTartanOne.fileId = e.target.id;
          videonineTartanOne.filePath = e.target.value;
          videonineTartanOne.title = e.target.title;
          videonineTartanOne.sortCode = 1;
          this.videonineTartanOne = videonineTartanOne;
        }
        if (e.target.title == "videonineTartan:2") {
          let videonineTartanTwo = {};
          videonineTartanTwo.fileId = e.target.id;
          videonineTartanTwo.filePath = e.target.value;
          videonineTartanTwo.title = e.target.title;
          videonineTartanTwo.sortCode = 2;
          this.videonineTartanTwo = videonineTartanTwo;
        }
        if (e.target.title == "videonineTartan:3") {
          let videonineTartanThree = {};
          videonineTartanThree.fileId = e.target.id;
          videonineTartanThree.filePath = e.target.value;
          videonineTartanThree.title = e.target.title;
          videonineTartanThree.sortCode = 3;
          this.videonineTartanThree = videonineTartanThree;
        }
        if (e.target.title == "videonineTartan:4") {
          let videonineTartanFour = {};
          videonineTartanFour.fileId = e.target.id;
          videonineTartanFour.filePath = e.target.value;
          videonineTartanFour.title = e.target.title;
          videonineTartanFour.sortCode = 4;
          this.videonineTartanFour = videonineTartanFour;
        }
        if (e.target.title == "videonineTartan:5") {
          let videonineTartanFive = {};
          videonineTartanFive.fileId = e.target.id;
          videonineTartanFive.filePath = e.target.value;
          videonineTartanFive.title = e.target.title;
          videonineTartanFive.sortCode = 5;
          this.videonineTartanFive = videonineTartanFive;
        }
        if (e.target.title == "videonineTartan:6") {
          let videonineTartanSix = {};
          videonineTartanSix.fileId = e.target.id;
          videonineTartanSix.filePath = e.target.value;
          videonineTartanSix.title = e.target.title;
          videonineTartanSix.sortCode = 6;
          this.videonineTartanSix = videonineTartanSix;
        }
        if (e.target.title == "videonineTartan:7") {
          let videonineTartanQi = {};
          videonineTartanQi.fileId = e.target.id;
          videonineTartanQi.filePath = e.target.value;
          videonineTartanQi.title = e.target.title;
          videonineTartanQi.sortCode = 7;
          this.videonineTartanQi = videonineTartanQi;
        }
        if (e.target.title == "videonineTartan:8") {
          let videonineTartanBa = {};
          videonineTartanBa.fileId = e.target.id;
          videonineTartanBa.filePath = e.target.value;
          videonineTartanBa.title = e.target.title;
          videonineTartanBa.sortCode = 8;
          this.videonineTartanBa = videonineTartanBa;
        }
        if (e.target.title == "videonineTartan:9") {
          let videonineTartanNine = {};
          videonineTartanNine.fileId = e.target.id;
          videonineTartanNine.filePath = e.target.value;
          videonineTartanNine.title = e.target.title;
          videonineTartanNine.sortCode = 9;
          this.videonineTartanNine = videonineTartanNine;
        }
      }
    },
    childMethods(){
      this.getOperation(this.operationId)
    },
    // 图片展开
    imgOnSpread(){
      let fileList = [];
      this.plainOptions.forEach((e,v)=>{
        if(e.fileType == 1) {
          fileList.push(e)
        }
      })
      if(this.imgFileNum < fileList.length) {
        this.imgFileNum+=8
      }
    },
    // 图片折叠
    imgOnFold(){
      this.imgFileNum=8
    },
    // 视频展开
    videoOnSpread(){
      let fileList = [];
      this.plainOptions.forEach((e,v)=>{
        if(e.fileType == 2) {
          fileList.push(e)
        }
      })
      if(this.videoFileNum < fileList.length) {
        this.videoFileNum+=8
      }
    },
    // 视频折叠
    videoOnFold(){
      this.videoFileNum=8
    },
    // 音频展开
    voiceOnSpread(){
      let fileList = [];
      this.plainOptions.forEach((e,v)=>{
        if(e.fileType == 3) {
          fileList.push(e)
        }
      })
      if(this.voiceFileNum < fileList.length) {
        this.voiceFileNum+=8
      }
    },
    // 音频折叠
    voiceOnFold(){
      this.voiceFileNum=8
    },
    // 文件展开
    fileOnSpread(){
      let fileList = [];
      this.plainOptions.forEach((e,v)=>{
        if(e.fileType == 4) {
          fileList.push(e)
        }
      })
      if(this.fileFileNum < fileList.length) {
        this.fileFileNum+=8
      }
    },
    // 文件折叠
    fileOnFold(){
      this.fileFileNum=8
    },
    // 报告展开
    reportOnSpread(){
      let fileList = [];
      this.plainOptions.forEach((e,v)=>{
        if(e.fileType == 5) {
          fileList.push(e)
        }
      })
      console.log(fileList)
      if(this.reportFileNum < fileList.length) {
        this.reportFileNum+=8
      }
    },
    // 报告折叠
    reportOnFold(){
      this.reportFileNum=8
    },
    // 清除已选择得图片与视频
    onClone(index){
      if(index == 'oneTartan:1') {
        this.oneTartan = []
      }
      if(index == 'twoTartan:1') {
        this.twoTartanOne = []
      }
      if(index == 'twoTartan:2') {
        this.twoTartanTwo = []
      }
      if(index == 'fourTartan:1') {
        this.fourTartanOne = []
      }
      if(index == 'fourTartan:2') {
        this.fourTartanTwo = []
      }
      if(index == 'fourTartan:3') {
        this.fourTartanThree = []
      }
      if(index == 'fourTartan:4') {
        this.fourTartanFour = []
      }
      if(index == 'sixTartan:1') {
        this.sixTartanOne = []
      }
      if(index == 'sixTartan:2') {
        this.sixTartanTwo = []
      }
      if(index == 'sixTartan:3') {
        this.sixTartanThree = []
      }
      if(index == 'sixTartan:4') {
        this.sixTartanFour = []
      }
      if(index == 'sixTartan:5') {
        this.sixTartanFive = []
      }
      if(index == 'sixTartan:6') {
        this.sixTartanSix = []
      }
      if(index == 'nineTartan:1') {
        this.nineTartanOne = []
      }
      if(index == 'nineTartan:2') {
        this.nineTartanTwo = []
      }
      if(index == 'nineTartan:3') {
        this.nineTartanThree = []
      }
      if(index == 'nineTartan:4') {
        this.nineTartanFour = []
      }
      if(index == 'nineTartan:5') {
        this.nineTartanFive = []
      }
      if(index == 'nineTartan:6') {
        this.nineTartanSix = []
      }
      if(index == 'nineTartan:7') {
        this.nineTartanQi = []
      }
      if(index == 'nineTartan:8') {
        this.nineTartanBa = []
      }
      if(index == 'nineTartan:9') {
        this.nineTartanNine = []
      }
      if(index == 'videooneTartan:1') {
        this.videooneTartan = []
      }
      if(index == 'videotwoTartan:1') {
        this.videotwoTartanOne = []
      }
      if(index == 'videotwoTartan:2') {
        this.videotwoTartanTwo = []
      }
      if(index == 'videofourTartan:1') {
        this.videofourTartanOne = []
      }
      if(index == 'videofourTartan:2') {
        this.videofourTartanTwo = []
      }
      if(index == 'videofourTartan:3') {
        this.videofourTartanThree = []
      }
      if(index == 'videofourTartan:4') {
        this.videofourTartanFour = []
      }
      if(index == 'videosixTartan:1') {
        this.videosixTartanOne = []
      }
      if(index == 'videosixTartan:2') {
        this.videosixTartanTwo = []
      }
      if(index == 'videosixTartan:3') {
        this.videosixTartanThree = []
      }
      if(index == 'videosixTartan:4') {
        this.videosixTartanFour = []
      }
      if(index == 'videosixTartan:5') {
        this.videosixTartanFive = []
      }
      if(index == 'videosixTartan:6') {
        this.videosixTartanSix = []
      }
      if(index == 'videonineTartan:1') {
        this.videonineTartanOne = []
      }
      if(index == 'videonineTartan:2') {
        this.videonineTartanTwo = []
      }
      if(index == 'videonineTartan:3') {
        this.videonineTartanThree = []
      }
      if(index == 'videonineTartan:4') {
        this.videonineTartanFour = []
      }
      if(index == 'videonineTartan:5') {
        this.videonineTartanFive = []
      }
      if(index == 'videonineTartan:6') {
        this.videonineTartanSix = []
      }
      if(index == 'videonineTartan:7') {
        this.videonineTartanQi = []
      }
      if(index == 'videonineTartan:8') {
        this.videonineTartanBa = []
      }
      if(index == 'videonineTartan:9') {
        this.videonineTartanNine = []
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.file-wrap-3 {
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.typeClassifyWhole {
  position: relative;
  .mainPart_filter {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    .mainPart_but {
      height: 36px;
      display: flex;
      align-items: center;
      .delete {
        cursor: pointer;
        width: 90px;
        height: 36px;
        background-image: linear-gradient(#e5743d, #e5743d),
          linear-gradient(#2090bc, #2090bc);
        background-blend-mode: normal, normal;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .download {
        cursor: pointer;
        width: 90px;
        height: 36px;
        background-color: #0078b6;
        background-blend-mode: normal, normal;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 22px 0 18px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .report {
        cursor: pointer;
        width: 130px;
        height: 36px;
        background-color: #0078b6;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 40px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .checkAll {
        font-family: MicrosoftYaHei;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
        display: flex;
        align-items: center;
        input[type="checkbox"] {
          margin-right: 10px;
          width: 16px;
          height: 16px;
        }
      }
    }
    .mainPart_filter_tab {
      .ant-radio-group {
        height: 36px;
        border-radius: 10px;
        border: solid 1px #0078b6;
        .ant-radio-button-wrapper {
          background: none;
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #0078b6;
          height: 100%;
          border-top: 0;
          border-bottom: 0;
          border: 0;
        }
      }
    }
  }
  .mainPart_filter1 {
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    .mainPart_but {
      height: 36px;
      display: flex;
      align-items: center;
      .delete {
        cursor: pointer;
        width: 90px;
        height: 36px;
        background-image: linear-gradient(#e55264, #e55264),
          linear-gradient(#2090bc, #2090bc);
        background-blend-mode: normal, normal;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .download {
        cursor: pointer;
        width: 90px;
        height: 36px;
        background-color: #2091bd;
        background-blend-mode: normal, normal;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 22px 0 18px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .report {
        cursor: pointer;
        width: 130px;
        height: 36px;
        background-color: #2091bd;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 40px;
        img {
          width: 18px;
          height: 18px;
          margin-right: 5px;
        }
        span {
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #ffffff;
          margin-left: 5px;
        }
      }
      .checkAll {
        font-family: MicrosoftYaHei;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #333333;
        display: flex;
        align-items: center;
        input[type="checkbox"] {
          margin-right: 10px;
          width: 16px;
          height: 16px;
        }
      }
    }
    .mainPart_filter_tab {
      .ant-radio-group {
        height: 36px;
        border-radius: 10px;
        border: solid 1px #2091bd;
        .ant-radio-button-wrapper {
          background: none;
          font-family: MicrosoftYaHei;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #2091bd;
          height: 100%;
          border-top: 0;
          border-bottom: 0;
          border: 0;
        }
      }
    }
  }
  .content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    .content_div {
      min-height: 250px;
      margin-top: 19px;
      display: flex;
      position: relative;
      flex-wrap: wrap;
      width: 100%;
      .shrink {
        position: absolute;
        bottom: -20px;
        right: 0;
        display: flex;
        color: #0078B6;
        font-size: 8px;
        img {
          width: 16px;
          height: 10px;
          margin: 0 6px;
        }
        .spread {
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }
        .fold {
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }
      }
      .top {
        position: absolute;
        display: flex;
        align-items: center;
        img {
          width: 24px;
          height: 20px;
        }
        span {
          display: flex;
          width: 100px;
          font-size: 18px;
          color: #0f3d54;
          margin-left: 13px;
        }
      }
      .bottom {
        margin-right: 19px;
        margin-top: 29px;
        margin-bottom: 10px;
        .bottom_con {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 176px;
          height: 206px;
          position: relative;
          .shadow {
            position: absolute;
            top: 7px;
            width: 162px;
            height: 30px;
            background-color: #343f4b;
            opacity: 0.7;
            display: flex;
            align-items: center;
            justify-content: center;
            .two {
              margin: 0 20px;
            }
            .one,
            .two,
            .three {
              cursor: pointer;
              width: 18px;
              height: 18px;
              display: flex;
              img {
                width: 18px;
                height: 18px;
              }
            }
          }
          .shadow1 {
            .one {
              margin-right: 22px;
            }
          }
          .img {
            margin-top: 7px;
            width: 164px;
            height: 164px;
            background-color: #0078b6;
            border: solid 1px #0078b6;
            position: relative;
            overflow-x: hidden;
            display: flex;
            justify-content: center;
            img {
              height: 100%;
            }
            video {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
            .alter {
              font-size: 14px;
              font-weight: bold;
              color: #ff0000;
              position: absolute;
              bottom: 0;
              right: 0;
            }
          }
          .time {
            margin-top: 12px;
            width: 164px;
            height: 16px;
            font-size: 14px;
            color: #333333;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 10px;
          }
        }
        .bottom_con1 {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 176px;
          height: 206px;
          position: relative;
          .shadow {
            position: absolute;
            top: 7px;
            width: 162px;
            height: 30px;
            background-color: #343f4b;
            opacity: 0.7;
            display: flex;
            align-items: center;
            justify-content: center;
            .two {
              margin: 0 20px;
            }
            .one,
            .two,
            .three {
              cursor: pointer;
              width: 18px;
              height: 18px;
              display: flex;
              img {
                width: 18px;
                height: 18px;
              }
            }
          }
          .shadow1 {
            .one {
              margin-right: 22px;
            }
          }
          .img {
            margin-top: 7px;
            width: 164px;
            height: 164px;
            position: relative;
            img {
              width: 100%;
              height: 100%;
            }
            video {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
            .alter {
              font-size: 14px;
              font-weight: bold;
              color: #ff0000;
              position: absolute;
              bottom: 0;
              right: 0;
            }
          }
          .time {
            margin-top: 12px;
            width: 164px;
            height: 16px;
            font-size: 14px;
            color: #333333;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 10px;
          }
        }
        .fileBack {
          width: 176px;
          height: 206px;
          .img {
            width: 90px;
            height: 112px;
            img {
              width: 90px;
              height: 112px;
            }
          }
          .fileName {
            margin-top: 6px;
          }
        }
      }
      .bottom_con:hover {
        background-color: rgba(0, 120, 182, 0.2);
        border-radius: 4px;
        border: solid 1px #0078b6;
      }
      .bottom_con1:hover {
        background-color: rgba(154, 156, 156, 0.5);
        border-radius: 4px;
        border: solid 1px #75797c;
      }
    }
  }
  .bound1 {
    position: absolute;
    width: 800px;
    height: 450px;
    z-index: 10;
    display: flex;
    justify-content: center;
    //height: calc(100% - 64px);
    .boundBut {
      display: flex;
      flex-direction: column;
      transform: translateX(100px);
    }
  }
  .editingVideo {
    width: 100%;
  }
  .showFile {
    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 10px;
      .title_ {
        display: flex;
        align-items: center;
        height: 30px;
        .one {
          margin-right: 20px;
          margin-left: 10px;
        }
      }
      .title_delete {
        margin-right: 60px;
        display: flex;
        align-items: center;
        .title_but {
          width: 94px !important;
          height: 30px !important;
          border-radius: 30px !important;
          background-color: #0078b5 !important;
          color: #fff !important;
        }
      }
    }
    .content {
      border-top: 1px solid #e8e8e8;
      width: 100%;
      padding: 10px 10px 0 10px;
      .showAudio {
        margin: 0 auto;
          width: 450px;
          height: 450px;
          background-color: #f1f3f4;
          border-radius: 10px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
          img {
            width: 200px;
            height: 200px;
          }
        }
      .file_path {
        width: 100%;
        height: 550px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        .title_fullScreen {
          font-size: 20px;
          position: absolute;
          right: 0;
          bottom: 0;
          color: #ddd;
        }
        .contentImg_img {
          width: 800px;
          height: 450px;
          cursor: pointer;
        }
        #myVideo {
          height: 100%;
        }
        .nCanvas {
          width: 800px;
          height: 450px;
        }
        .Loading {
          position: absolute;
          background: #fff;
          z-index: 10;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }
  }
  .butReset {
    width: 94px !important;
    height: 30px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    color: #0376b7 !important;
    border: 1px solid #0376b7 !important;
  }
  .butSave {
    width: 94px !important;
    height: 30px !important;
    border-radius: 30px !important;
    background-color: #0078b5 !important;
    font-size: 16px !important;
    color: #fff !important;
    margin-right: 40px !important;
  }
  .amodalReport {
    .messageShow {
      width: 100%;
      height: 700px;
      background: rgb(240, 240, 240);
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow-y: auto;
      overflow-x: hidden;
      .title {
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
        border-bottom: 1px solid #ddd;
        font-weight: bold;
        span {
          margin-left: 20px;
        }
      }
      .messagePassword {
        width: 98%;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        background: #fff;
        border-bottom: 1px #ddd solid;
        margin-top: 10px;
        border-radius: 10px;
        .mespassword {
          width: 60%;
          padding-left: 20px;
          padding-top: 20px;
        }
      }
      .message {
        width: 98%;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        background: #fff;
        border-bottom: 1px #ddd solid;
        margin-top: 10px;
        border-radius: 10px;
        .bottom {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          .one {
            width: 50%;
            line-height: 40px;
            display: flex;
            .left {
              width: 20%;
              display: flex;
              padding-left: 20px;
            }
            .right {
              width: 60%;
              display: flex;
              padding-left: 20px;
            }
          }
        }
      }
      .mesVideo {
        margin-bottom: 10px;
      }
      .mesImg {
        width: 98%;
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
        background: #fff;
        border-bottom: 1px #ddd solid;
        margin-top: 10px;
        border-radius: 10px;
        .aIcon {
          font-size: 30px;
          color: rgb(147, 147, 147);
        }
        .Tartan_Tartan {
          width: 100%;
          height: 100%;
          overflow-x: hidden;
          display: flex;
          justify-content: center;
        }
        .seleImg {
          height: 100%;
          top: 0;
          left: 0;
        }
        .bottom {
          width: 100%;
          .Tartan {
            width: 80%;
            padding: 10px 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0 auto;
            .oneTartan {
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              position: relative;
            }
            .twoTartan {
              position: relative;
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              margin: 0 20px;
            }
            .sixTartan {
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              margin: 10px 20px;
              position: relative;
            }
            .nineTartan {
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              margin: 10px 20px;
              position: relative;
            }
          }
          .Tartan1 {
            width: 50%;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            margin: 0 auto;
            .fourTartan {
              width: 200px;
              height: 200px;
              border: 1px solid #ddd;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              margin: 10px 20px;
              position: relative;
            }
          }
          .videoClose {
            width: 15px;
            height: 15px;
            cursor: pointer;
            position: absolute;
            z-index: 10;
            right: 5px;
            top: 0;
            img {
              width: 15px;
              height: 15px;
            }
          }
        }
      }
    }
  }
  .selectFile {
    .file {
      display: flex;
      flex-wrap: wrap;
      .centent {
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 180px;
        height: 206px;
        margin: 7px;
        .file_img {
          width: 164px;
          height: 164px;
          overflow-x: hidden;
          display: flex;
          justify-content: center;
          img {
            height: 100%;
          }
        }
        .bottom {
          width: 100%;
          height: 20px;
          margin-top: 5px;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
      }
      .centent:hover {
        background-color: rgba(0, 120, 182, 0.2);
        border-radius: 4px;
        border: solid 1px #0078b6;
      }
      .videoFile {
        width: 164px;
        height: 164px;
        object-fit: cover;
      }
      .mesVideo {
        .seleImg {
          width: 200px;
          height: 200px;
        }
      }
    }
  }
  .selectVideoFile {
    .file {
      display: flex;
      flex-wrap: wrap;
      .centent {
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 180px;
        height: 206px;
        margin: 7px;
        img {
          width: 164px;
          height: 164px;
        }
        .bottom {
          width: 100%;
          height: 20px;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
      }
      .centent:hover {
        background-color: rgba(0, 120, 182, 0.2);
        border-radius: 4px;
        border: solid 1px #0078b6;
      }
      .videoFile {
        width: 164px;
        height: 164px;
        object-fit: cover;
      }
      .mesVideo {
        .seleImg {
          width: 200px;
          height: 200px;
        }
      }
    }
  }
}
</style>

<style>
.typeClassifyWhole .mainPart_filter1 
  .ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: #2091bd !important;
  color: #fff !important;
  border: 0 !important;
}
.typeClassifyWhole .mainPart_filter1 .ant-radio-button-wrapper:not(:first-child)::before {
  background: #2091bd !important;
}
.typeClassifyWhole .mainPart_filter 
  .ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: #0078b6 !important;
  color: #fff !important;
  border: 0 !important;
}
.typeClassifyWhole .mainPart_filter .ant-radio-button-wrapper:not(:first-child)::before {
  background: #0078b6 !important;
}
.typeClassifyWhole
  .ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):nth-child(1) {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.typeClassifyWhole
  .ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):nth-child(6) {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.showFile .ant-modal {
  width: 66% !important;
  /* height: 760px !important; */
  /* width: 1500px !important; */
}
.showFile .ant-modal .ant-modal-content,
.amodalReport .ant-modal .ant-modal-content,
.selectReport .ant-modal .ant-modal-content,
.selectFile .ant-modal .ant-modal-content,
.selectVideoFile .ant-modal .ant-modal-content {
  /* max-width: 1200px !important; */
  max-width: 1550px !important;
  height: 100% !important;
  /* max-height: 760px !important; */
  box-shadow: 0px 0px 20px 0px rgba(0, 120, 182, 0.6) !important;
}
.showFile .ant-modal .ant-modal-content .ant-modal-body,
.selectReport .ant-modal .ant-modal-content .ant-modal-body {
  /* width: 100% !important;
  height: 92% !important; */
  padding: 10px 0 10px 0 !important;
  /* height: 700px !important; */
}
.showFile .ant-modal .ant-modal-content .ant-modal-body .bound,
.amodalReport .ant-modal .ant-modal-content .ant-modal-body .bound,
.selectReport .ant-modal .ant-modal-content .ant-modal-body .bound,
.selectFile .ant-modal .ant-modal-content .ant-modal-body .bound,
.selectVideoFile .ant-modal .ant-modal-content .ant-modal-body .bound {
  width: 100% !important;
}
.showFile .ant-modal .file_path .anticon,
.amodalReport .ant-modal .file_path .anticon,
.selectReport .ant-modal .file_path .anticon,
.selectFile .ant-modal .file_path .anticon,
.selectVideoFile .ant-modal .file_path .anticon {
  display: none !important;
}
.amodalReport .ant-modal-title,
.selectReport .ant-modal-title,
.selectFile .ant-modal-title,
.selectVideoFile .ant-modal-title {
  display: flex !important;
}
.selectReport .addBasicsAtable {
  /* width: 600px !important; */
  overflow: hidden !important;
}
.selectReport .addBasicsAtable.ant-table-wrapper .ant-table {
  width: 600px !important;
  overflow: hidden !important;
}

.amodalReport .ant-modal-content {
  width: 1000px !important;
  margin-left: -100px !important;
  box-shadow: 0px 0px 20px 0px rgba(0, 120, 182, 0.6) !important;
}
.selectFile .ant-modal-content,
.selectVideoFile .ant-modal-content {
  width: 1000px !important;
  margin-top: 60px !important;
  margin-left: -100px !important;
  box-shadow: 0px 0px 20px 0px rgba(0, 120, 182, 0.6) !important;
}
.selectFile .ant-modal-body,
.selectVideoFile .ant-modal-body {
  width: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: 700px !important;
  height: 590px !important;
}
.amodalReport .ant-modal-body,
.selectFile .ant-modal-body,
.selectVideoFile .ant-modal-body {
  padding: 0 !important;
}
.typeClassifyWhole
  .amodalReport
  .messageShow
  .mesImg
  .seleImg[data-v-6d2eaac1] {
  object-fit: cover !important;
}
.typeClassifyWhole .ant-modal-footer {
  border-top:none !important;
}
</style>